<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>华为专区</title>
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/index.css">
</head>

<body>
    <!-- 导航 -->
    <div class="nav">
        <div class="wrapper">
            <ul class="left">
                <li>
                    <p>华为官网</p>
                </li>
                <li>
                    <p>荣耀商城</p>
                </li>
                <li>
                    <p>软件应用</p>
                    <h5></h5>
                </li>
                <li>
                    <p>花粉俱乐部</p>
                </li>
                <li>
                    <p>Select Region</p>
                </li>
            </ul>
            <ul class="right">
                <li>
                    <p>登录</p>
                </li>
                <li>
                    <p>注册</p>
                </li>
                <li>
                    <p>我的订单</p>
                </li>
                <li>
                    <p>V码(优购码)</p>
                </li>
                <li>
                    <p>手机版</p>
                </li>
                <li>
                    <p>网站导航</p>
                    <h5></h5>
                </li>
            </ul>
        </div>

    </div>

    <!-- logo -->
    <div class="logo wrapper">
        <img class="picc" src="./images/logo.huawei.png" alt="">
        <div class="logo-content">
            <p class="logo-left">商城首页</p>
            <div class="logo-right">
                <img src="./images/qrcode_vmall_app01.png" alt="">
                <p>微信扫码关注我们</p>
            </div>
        </div>
    </div>

    <!-- subnav -->
    <div class="subnav">
        <div class="wrapper">
            <ul>
                <li>全部商品</li>
                <li>华为专区</li>
                <li>HUAWEI P10</li>
                <li>HUAWEI Mate 10</li>
                <li>HUAWEI Nova</li>
                <li>华为畅享6S</li>
                <li>荣耀专区</li>
            </ul>
        </div>
    </div>

    <!-- content -->
    <div class="content wrapper">
        <ul>
            <li><p>全部商品</p><p></p></li>
            <li>
                <p>手机</p>
                <p>HUAWEI Mate系列</p>
            </li>
            <li>
                <p>平板&穿戴</p>
                <p>平板电脑 手环/手表</p>
            </li>
            <li>
                <p>笔记本电脑</p>
                <p> </p>
            </li>
            <li>
                <p>智能家居</p>
                <p>子母路由 电力猫 路由器</p>
            </li>
            <li>
                <p>专属配件</p>
                <p>贴膜 保护壳 保护套</p>
            </li>
            <li>
                <p>通用配件</p>
                <p>耳机 音箱</p>
            </li>
        </ul>
    </div>

    <!-- banner -->
    <div class="banner">
        <img src="./images/2017042210305530.jpg" alt="" srcset="">
        <!-- dot -->
        <div class="dot wrapper">
            <ul>
                <li>1</li>
                <li>2</li>
                <li>3</li>
                <li>4</li>
                <li>5</li>
                <li>6</li>
                <li>7</li>
            </ul>
        </div>
    </div>

    <!-- 商品 -->
    <div class="goods wrapper">
        <div class="goods">
            <img src="./images/20170310105644358.jpg">
            <img src="./images/2017031017165551.jpg">
            <img src="./images/20170310090516264.jpg">
            <img src="./images/20170313143419135.jpg">
        </div>
        <div class="goods-bottom">
            <div class="good">
                <div class="good-left">
                    <p>HUAWEI P10 Plus</p>
                    <p>金属钻雕工艺</p>
                    <p>￥ 4388</p>
                </div>
                <img src="./images/1489161234073.png">
            </div>
            <div class="good">
                <div class="good-left">
                    <p>HUAWEI nova 青春版</p>
                    <p>炫出我色彩</p>
                    <p>￥ 1999</p>
                </div>
                <img src="./images/1491476650727.png">
            </div>
            <div class="good">
                <div class="good-left">
                    <p>HUAWEI Mate 9 Pro</p>
                    <p>2k双曲面屏</p>
                    <p>￥ 4699</p>
                </div>
                <img src="./images/1484219138436.png">
            </div>
        </div>

    </div>

    <!-- 底部 -->
    <div class="footer">
        <div class="wrapper">
            <div class="item">
                <h5></h5>
                500强企业 品质保证
            </div>
            <div class="item">
                <h5></h5>
                7天退货 15天换货
            </div>
            <div class="item">
                <h5></h5>
                99元起免运费
            </div>
            <div class="item">
                <h5></h5>
                448家维修网点 全国联保
            </div>
        </div>
    </div>

    <!-- 帮助中心 -->
    <div class="container">
        <div class=" wrapper">
            <div class="section">
                <div>
                    <h5></h5>
                    帮助中心
                </div>
                <ul>
                    <li>购物指南</li>
                    <li>配送方式</li>
                    <li>支付方式</li>
                    <li>常见问题</li>
                </ul>
            </div>
            <div class="section">
                <div>
                    <h5></h5>售后服务
                </div>
                <ul>
                    <li>保修政策</li>
                    <li>退换货政策</li>
                    <li>退换货流程</li>
                    <li>保修状态查询</li>
                </ul>
            </div>
            <div class="section">
                <div>
                    <h5></h5>技术支持
                </div>
                <ul>
                    <li>售后网点</li>
                    <li>寄修预约</li>
                    <li>预充值修</li>
                    <li>手机寄修服务</li>
                    <li>维修配件价格查询</li>
                </ul>
            </div>
            <div class="section">
                <div>
                    <h5></h5>关于商城
                </div>
                <ul>
                    <li>公司介绍</li>
                    <li>华为商城简介</li>
                    <li>联系客服</li>
                </ul>
            </div>
            <div class="section">
                <div>
                    <h5></h5>关注我们
                </div>
                <ul>
                    <li>新浪微博</li>
                    <li>腾讯微博</li>
                    <li>花粉俱乐部</li>
                    <li>商城手机版</li>
                </ul>
            </div>
        </div>
    </div>

    <!-- 底部链接 -->
    <div class="bottom wrapper">
        <p>
            友情链接：
            <span>华为官网</span> |
            <span>华为消费者业务</span> |
            <span>荣耀官网</span> |
            <span>花粉俱乐部</span> |
            <span>美塞尔商城</span> |
            <span>爱旅官网</span> |
            <span>华为应用市场</span> |
            <span>万表网</span> |
            <span>中商情报网</span> |
            <span>刷机精灵</span> |
            <span>华为手机</span> |
            <span>优购物官网</span> |
            <span>智能电视</span> |
            <span>UC浏览器</span> |
        </p>
        <p>
            <span>中关村商城</span> |
            <span>酷狗音乐</span> |
            <span>华为商城手机版</span> |
            <span>百信手机网</span> |
            <span>卡宝宝网</span> |
            <span>多特软件站</span> |
            <span>同步助手</span> |
            <span>蜂鸟摄影网</span> |
            <span>寄珀论坛</span> |
            <span>家具商城</span> |
            <span>拍鞋网商城</span> |
            <span>欧宝丽珠宝</span> |
            <span>寻购网</span> |
            <span>亿智蘑菇</span> |
            <span>安卓市场</span> |
        </p>
        <p>
            <span>阿里巴巴生意经</span> |
            <span>手机大全</span> |
            <span>安卓软件园</span> |
            <span>卓大师刷机</span> |
            <span>智机论坛</span> |
            <span>电子产品世界</span> |
            <span>历趣网</span> |
            <span>网购返利</span> |
            <span>Apple 110</span> |
            <span>91手机门户网</span> |
            <span>移动叔叔</span> |
            <span>奥特莱斯</span> |
            <span>荣誉Magic</span> |
            <span>携程租车</span> |
            <span style="color:red;">申请链接>></span>
        </p>
        <p class="agree">
            隐私政策 服务协议 Copyright © 2012-2017 VMALL.COM 版权所有 保留一切权利
        </p>
        <p class="agree">
            <img src="./images/bottom.png" alt="">
            苏公网安备 32011402010009号 | 苏ICP备09062682号-9 | 增值电信业务经营许可证：苏B2-20130048 | 网络文化经营许可证：苏网文[2015] 1599-026号
        </p>
    </div>
    <div class="pic wrapper">
        <img src="./images/bt1.jpg" alt="" srcset="">
        <img src="./images/bt2.png" alt="" srcset="">
        <img src="./images/bt3.png" alt="" srcset="">
        <img src="./images/bt4.png" alt="" srcset="">
    </div>

    <!-- 侧边 -->
     <div class="side">
        <img src="./images/arrlcon_03.jpg" alt="" srcset="">
     </div>

</body>

</html>